@import "../../index.less";

@val: transform .3s ease;
.bi-combo {
  & > .bi-trigger {
    & .bi-trigger-icon-button {
      & .x-icon {
        .rotate(0deg);
        .transition(@val);
      }
    }
  }

  &.bi-combo-popup {
    & > .bi-trigger {
      & .bi-trigger-icon-button {
        & .x-icon {
          .rotate(180deg);
          .transition(@val);
        }
      }
    }
  }

  &.bi-combo-popup, &.bi-combo-hover, &:hover {
    &.bi-border, &.bi-border-bottom {
      border-color: @color-bi-border-hover-combo;
    }
  }

  &.disabled {
    &.bi-combo-hover, &:hover {
      &.bi-border, &.bi-border-bottom {
        border-color: @color-bi-border-hover-disabled-combo;
      }
    }
  }

  &.error {
    &.bi-combo-hover, &:hover {
      &.bi-border, &.bi-border-bottom {
        border-color: @border-color-negative;
      }
    }
  }


  //  将来统一变成combo的特性
  //&.status-error {
  //  &.bi-border, &.bi-border-bottom {
  //    border-color: @border-color-negative;
  //  }
  //
  //  .bi-trigger .select-text-label {
  //    color: @color-bi-text-error-text-trigger;
  //  }
  //}
  //
  //&.status-warning {
  //  &.bi-border, &.bi-border-bottom {
  //    border-color: @border-color-warning;
  //  }
  //
  //  .bi-trigger .select-text-label {
  //    color: @font-color-warning;
  //  }
  //}
}

.bi-theme-dark {
  .bi-combo {
    &.disabled {
      &.bi-combo-hover, &:hover {
        &.bi-border, &.bi-border-bottom {
          border-color: @color-bi-border-hover-disabled-combo-theme-dark;
        }
      }
    }
  }
}
